/**
 * 版本: V1.0.0
 * 作者: Stanley
 * 扩展页面
 * 1：栅格 Grid
 */
var defaultKaHtml = {
    id: "",
    colSpace: 1, // Grid 间隔
    colXs: 12, // Grid colXs 分数据
    list: [], // 循环数据
}
layui.define(['jquery','laytpl','tabs','laypage'],
    function (exports) {
        var $ = layui.jquery;
        var laytpl = layui.laytpl;
        var laypage = layui.laypage;
        var tabs = layui.tabs;
        var kahtml = new function () {
            this.getTemplateHtml = function (type , data, returnType) {
                var dataType = "html";
                var ajaxType = "GET";
                var contentType = "";
                var ajaxUrl = "../component/template/" + type + ".html"; //本地模板
                if(type.indexOf("kaTempl") > -1){ ajaxUrl = kaBgPath.kahtml +"?code=" + type; dataType = "JSON";ajaxType = "POST";contentType = "application/json;charset=utf-8"; } //配置后端路径
                var responseHtml = "";
                $.ajax({
                    url: ajaxUrl,
                    type: ajaxType,
                    data: data,
                    dataType: dataType,
                    contentType: contentType,
                    async: false, //同步
                    success: function(response){
                        if(returnType == 1){
                            responseHtml = response;
                            var dataJson = data.list[0];
                            if(response.indexOf("kaTemHtmlsValue") > -1) {
                                for(var key in dataJson){
                                    if(dataJson[key] == undefined || dataJson[key] == ""){
                                        responseHtml = responseHtml.replaceAll("kaTemHtmlsValue." + key, "");
                                    } else {
                                        responseHtml = responseHtml.replaceAll("kaTemHtmlsValue." + key, dataJson[key]);
                                    }
                                }
                            }
                        } else {
                            $("body").append(`
                                <script id="` + data.id + `tpl" type="text/html">
                                    ` + response + `
                                </script>
                            `);
                            //  layui-col-space
                            if(data.colSpace != undefined && data.colSpace != null && data.colSpace != ""){
                                data.colSpace = " layui-col-space" + data.colSpace;
                            }
                            var template = document.getElementById( data.id + 'tpl').innerHTML; // 获取模板字符
                            var target = document.getElementById(data.id); // 输出结果的目标元素
                            // 渲染并输出结果
                            laytpl(template).render(data, function(html) {
                                target.innerHTML = html;
                            });
                        }
                    },
                    error: function(){
                        // 处理错误
                    }
                });
                return responseHtml;
            }
            this.getStaticHtml = function () {
                
            }
            this.refreshPublic = function (callBack) {
                typeof callBack == "function" && callBack()
            }
            this.refreshTabs = function (id) { //渲染Tabs
                tabs.render();
            }
            this.refreshList1 = function (jsons) { //渲染List1
                var json = jsons.list[0];
                var divid = json.id;
                var fyboolean = json.fyboolean; // 分页 true , 不分页： false
                var bgboolean = json.bgboolean; // 后端 true , 前端： false
                if(fyboolean){ // 分页
                    var data = this.refreshListGetData1(jsons);
                    if(bgboolean){ // 后端
                        laypage.render({
                            elem: divid + 'Laypage',
                            count: data.length,
                            jump: function(obj){
                                if(!first){
                                    // do something
                                } //获取数据
                            }
                        });
                    } else { // 前端
                        laypage.render({
                            elem: divid + 'Laypage',
                            count: data.length,
                            jump: function(obj, first){
                                if(first){ // 渲染
                                    var html = ``;
                                    for(var i in data) {
                                        html = html + `<li>` + data[i].title + `</li>`;
                                    }
                                    $("#" + divid + 'OL').html(html);
                                } else {

                                }
                                // //获取数据
                                // // 模拟渲染
                                // document.getElementById(divid + 'OL').innerHTML = function(){
                                //     var arr = [];
                                //     var thisData = datax.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
                                //     layui.each(thisData, function(index, item){
                                //         arr.push(item);
                                //     });
                                //     return arr.join('，');
                                // }();
                            }
                        });
                    }
                    
                } else { // 不分页

                }
                // 将一段已知数组分页展示
                // var datax = []; // 测试数据
                // laypage.render({
                //     elem: data.list[0].id + 'Laypage',
                //     count: datax.length,
                //     jump: function(obj){
                //         if(!first){
                //             // do something
                //         }
                //         //获取数据
                        
                //         // 模拟渲染
                //         document.getElementById(data.list[0].id + 'OL').innerHTML = function(){
                //             var arr = [];
                //             var thisData = datax.concat().splice(obj.curr*obj.limit - obj.limit, obj.limit);
                //             layui.each(thisData, function(index, item){
                //                 arr.push(item);
                //             });
                //             return arr.join('，');
                //         }();
                //     }
                // });
            }
            this.refreshListGetData1 = function (params) { //获取数量
                
            }
            // this.refreshListGetPlayup();
        };
        exports('kahtml', kahtml);
    }
)